page{
	background-color: #fff;
}

/* 加载动画 */
.animation-opacity {
	animation: MoveOpacity 1s;
	animation-fill-mode: forwards;
}

.animation-bottom {
	animation: MoveBottom 1s;
	animation-fill-mode: forwards;
}

.animation-top {
	animation: MoveTop 1s;
	animation-fill-mode: forwards;
}

.animation-left {
	animation: MoveLeft 1s;
	animation-fill-mode: forwards;
}

.animation-right {
	animation: MoveRight 1s;
	animation-fill-mode: forwards;
}

@keyframes MoveOpacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes MoveBottom {
	0% {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes MoveTop {
	0% {
		opacity: 0;
		transform: translate3d(0, -50px, 0);
	}
	
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes MoveLeft {
	0% {
		opacity: 0;
		transform: translate3d(-50px, 0, 0);
	}
	
	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes MoveRight {
	0% {
		opacity: 0;
		transform: translate3d(50px, 0, 0);
	}
	
	100% {
		opacity: 1;
		transform: none;
	}
}
